@import "kpStyle";
body{
  padding-bottom: 0;
}
.head{
    height: 340*@px;
    position: relative;
    font-size: 26*@px;
    color: white;
  }
  .head>img{
    width: 100%;
    height: 100%;
  }
  .head .grade{
    position: absolute;
    top: 24*@px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .head .rateTable{
    position: absolute;
    right: 24*@px;
    top: 14*@px;
    border: 1*@px solid #fff;
    line-height: 44*@px;
    padding: 0 8*@px;
    border-radius: 6*@px;
  }
  .head .shared{
    position: absolute;
    bottom: 24*@px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 54*@px;
    padding: 0 84*@px;
    border: 1*@px solid #fff;
    border-radius: 10*@px;
  }
  .list{
    margin-top: 10*@px;
  }
  .list .li{
    background-color: white;
    padding: 0 24*@px;
    box-sizing: border-box;
    height: 120*@px;
    margin-bottom: 10*@px;
    position: relative;
  }
  .list .li:last-of-type{
    margin-bottom: 0;
  }
  
  .list .li .center{
    width: 100%;
    padding: 0 30*@px 0 100*@px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  
  }
  .list .li .center text{
    display: block;
    font-size: 28*@px;
    line-height: 38*@px;
  }
  .list .li .center text:nth-of-type(2){
    color: #666;
  }
  .list .li img:last-of-type{
    width: 17*@px;
    height: 31*@px;
    position: absolute;
    right: 24*@px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .list .li img:first-of-type{
    width: 80*@px;
    height: 80*@px;
    position: absolute;
    left: 24*@px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .list .upGrade{
    height: 300*@px !important;
    display: none;
  }
  .list .upGrade .top{
    height: 160*@px;
    position: relative;
    left: 0;
    top: 0;
  }
  .list .upGrade .top img:first-of-type{
    left:0*@px;
  }
  .list .upGrade .money{
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .list .upGrade .money div:first-of-type{
    color: red;
    font-size: 36*@px;
    text-align: right;
    padding-right: 24*@px;
    box-sizing: border-box;
  }
  .list .upGrade .money div:last-of-type{
    color: white;
    background-color: red;
    height: 80*@px;
    line-height: 80*@px;
    width: 180*@px;
    text-align: center;
    font-size: 26*@px;
    margin-top: 16*@px;
  }
  
  /*蒙版  */
  .template{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
  }
  .template .box{
    background-color: #e4e4e4;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .template .box div{
    background-color: white;
    font-size: 28*@px;
    line-height: 80*@px;
    border-bottom: 1*@px solid #ccc;
    text-align: center;
  }
  .template .box .cancel{
    margin-top: 10*@px;
  }
  .template .box .addBank{
    border-bottom: none;
  }
  .template .box .list{
    max-height: 272*@px;
    overflow-y: scroll;
  }
  .template .box>div:first-of-type{
    color: #aaa;
  }
  
  /*密码支付蒙版  */
  .payPassword{
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
  }
  .payPassword .box{
    background-color: #e4e4e4;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 600*@px;
    border-radius: 20*@px;
    padding: 24*@px;
    box-sizing: border-box;
    text-align: center;
  }
  .payPassword .box>img{
    position: absolute;
    right: 24*@px;
    top: 24*@px;
    width: 36*@px;
    height: 36*@px;
  }
  
  .payPassword .box .tip{
    display: block;
    font-size: 28*@px;
    color: black;
    line-height: 38*@px;
  }
  .payPassword .box .list{
    height: 80*@px;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 30*@px;
    margin-top: 30*@px;
  }
  .payPassword .box .list>input{
    width: 100%;
    height: 80*@px;
    line-height: 80*@px;
    text-align: left;
    padding-left: 24*@px;
    box-sizing: border-box;
    font-size: 30*@px;
    border: 1*@px solid #aaa;
  }
  .payPassword .box div .cencel,.payPassword .box div .btn{
    width: 160*@px;
    height: 60*@px;
    line-height: 60*@px;
    font-size: 28*@px;
    text-align: center;
    border-radius: 20*@px;
    display: inline-block;
  }
  .payPassword .box div .cencel{
    background: green;
    color: white;
  }
  .payPassword .box div .btn{
    background: red;
    color: white;
  
  }